<div class="col-md-3 left_col">
    <div class="left_col scroll-view">
      <div class="navbar nav_title" style="border: 0;">
        <a href="javascript:void(0)" class="site_title"><i class="fa fa-paw"></i> <span>HQYJ</span></a>
      </div>

      <div class="clearfix"></div>

      <!-- menu profile quick info -->
      <div class="profile clearfix">
        <div class="profile_pic">
          <img src="/images/img.jpg" alt="..." class="img-circle profile_img">
        </div>
        <div class="profile_info">
          <span>Welcome,</span>
          <h2>ZJZ</h2>
        </div>
      </div>
      <!-- /menu profile quick info -->

      <br />

      <!-- sidebar menu -->
      <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
        <div class="menu_section">
          <ul class="nav side-menu">
            <li><a><i class="fa fa-home"></i> Dashboard</span></a>
            </li>
            <li><a><i class="fa fa-user"></i> Account <span class="fa fa-chevron-down"></span></a>
              <ul class="nav child_menu">
                <li><a href="javascript:void(0)">Profile</a></li>
                <li><a href="/account/users">Users</a></li>
                <li><a href="javascript:void(0)">Roles</a></li>
                <li><a href="javascript:void(0)">Resources</a></li>
              </ul>
            </li>
            <li><a><i class="fa fa-tint"></i> Test <span class="fa fa-chevron-down"></span></a>
              <ul class="nav child_menu">
                <li><a href="/test/thymeleafTest">ThymeleafTest</a></li>
                <li><a href="/test/VueTest">VueTest</a></li>
                <li><a>二级菜单<span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li class="sub_menu"><a href="level2.html">三级菜单1</a>
                    </li>
                    <li><a href="#level2_1">三级菜单2</a>
                    </li>
                    <li><a href="#level2_2">三级菜单3</a>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>

          </ul>
        </div>


      </div>
      <!-- /sidebar menu -->

      <!-- /menu footer buttons -->
      <div class="sidebar-footer hidden-small">
        <a data-toggle="tooltip" data-placement="top" title="Settings">
          <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
        </a>
        <a data-toggle="tooltip" data-placement="top" title="FullScreen">
          <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
        </a>
        <a data-toggle="tooltip" data-placement="top" title="Lock">
          <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
        </a>
        <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
          <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
        </a>
      </div>
      <!-- /menu footer buttons -->
    </div>
  </div>